*{margin: 0px;padding:0px; font-size: 13px;}
ul,ol,li{list-style: none;}
button{
    cursor: pointer;
}
a{text-decoration:none;}
.m-t5{
    margin-top: 5px;
}
.m-t10{
    margin-top: 10px;
}
.m-t20{
    margin-top: 20px;
}
.m-t30{
    margin-top: 30px;
}
.m-t40{
    margin-top: 40px;
}
.m-l10{
    margin-left: 10px;
}
.p-lr30{
    padding: 5px 30px;
}
.left{
    float: left;
}
.right{
   float: right; 
}
/*登录*/
.login-header{
    background-color: #439adf;
    height: 50px;
    padding: 0px 10px;
}
.login-header h1{
    color:#fff;
    line-height: 50px;
    font-size: 20px;
}
.login-main-div{
    width: 100%;
   background: url(../images/login-bg.png) ;
    -moz-background-size:100% 100%; 
background-size	:100%;
}
.w-1200{
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    position:relative;
}
.login-div{
    position: absolute;
    right: 30px;
    width: 416px;
    top:50%;
    margin-top: -150px;
}
.login-div-title{
    width: 416px;
    background:#376a8b;
    height: 60px;
}
.login-div-title h3{
    color:#fff;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
}
.login-div-main{
     border:1px solid #f0f0f0;
  border-top:none;
  background: #fff;

}
.login-div ul{
  overflow: hidden;
  padding: 10px 55px;
 
}
.login-div ul li{
   padding: 5px 0px;
   position: relative;
   overflow: hidden;
}
.login-input-text{
   border-radius: 3px;
   border:1px solid #cdc0c0;
   height: 30px;
   padding:  5px 5px 5px 35px;
   overflow: hidden;
   display:block;
   width:260px;
}
.login-icon{
   width: 30px;
   height: 30px;
   border-right:1px solid #f0f0f0;
   position: absolute;
   top:12px;
   left:0px;
}
.login-icon img{
    padding:  5px 8px;
}
.login-input-yzm{
  border-radius: 3px;
   border:1px solid #cdc0c0;
   height: 30px;
   padding:  5px 5px 5px 35px;
   overflow: hidden;
   display:block;
   width:160px;  
}

.login-yzm-btn{
    border:1px solid #cdc0c0;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    width: 90px;
    line-height: 30px;
    background: #fff;
    color:#439adf;
}
.login-btn{
    background: #439adf;
    color:#fff;
    line-height: 30px;
    padding: 5px;
    border-radius: 5px;
    border:none;
    width:100%;
}
.else-login{
    text-align: center;
    padding: 15px;
    width: 100px;
    margin: 0 auto;
    display: block;
    
}
.else-login a{
    line-height: 25px;
    color:#333;

}
.login-foot{
    overflow: hidden;
}
.login-foot p{
    text-align: center;
    line-height: 80px;
    color:#666;
}
.layui-layout-admin .layui-side{
    top:50px;
}
.layui-layout-admin .layui-body{
    top:50px;
    background: #f7f7f7;
}
.layui-layout-admin .layui-header{
    background-color: #439adf;
}
.header-left-icon{
    background: #1e76bb;
    border-radius: 15px;
    height: 30px;
    width: 30px;
    color:#fff;
    text-align: center;
    display: block;
    margin: 15px;
    line-height: 30px;
}
.message-icon{
    background: url(../images/message-icon.png);
    width: 20px;
    height: 23px;
    display: block;
    position: relative;
}
.top-icon{
    background: url(../images/top-icon.png);
    width: 10px;
    height: 23px;
    display: block;
    margin-top: 5px;
    position: relative;
}
.lower-icon{
    background: url(../images/lower-icon.png);
    width: 10px;
    height: 23px;
    display: block;
    margin-top: 5px;
    position: relative;
}
.message-icon span{
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #ff0000;
    position: absolute;
    top:-3px;
    right: -2px;
}
.layui-layout-admin .layui-footer{
    background-color: #f7f7f7;
}
.footer-p{
    text-align: center;
}
.left-logo-nav{
    height: 60px;
    width: 100%;
    background: url(../images/index-logo-bg.png);
}
.left-logo-nav h1{
    line-height: 60px;
    font-size: 21px;
    text-align: center;
    margin-left: -16;
}
.layui-side-scroll{
    overflow-y: scroll;
}
.user-message{
    width: 100%;
    padding:10px 0px;
    text-align: center;
    background: #1d2b36;
}
.user-message-img{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border:1px solid #f0f0f0;
    margin: 10px;
}
.user-message h3{
    font-size: 15px;
    line-height: 25px;
}
.user-message p{
    color:#7e95a6;
}
.left-nav{
    width: 100%;
    border-top:2px solid #0b1014;
     background: #1d2b36;
}
.left-nav h3{
    padding:10px 15px;
    line-height: 30px;
    color:#788d9d;
}
.left-nav ul li{
  border-left:3px solid #1d2b36;
  height: 40px;
}
.left-nav ul li:hover{
  border-left:3px solid #1e76bb;  
  background-color: #2c4b63;
}
.left-nav ul li a {
    color:#9abedb;
    line-height: 40px;
}
.left-nav-active{
   border-left:3px solid #1e76bb !important;  
  background-color: #2c4b63;
}
.left-nav ul li a i{
    width: 18px;
    height: 18px;
    display:block;
    float: left;
    margin: 10px 10px 0px 40px;
}
.suer-nav-icon1{
    background:url(../images/suer-nav-icon1.png);
}
.suer-nav-icon2{
    background:url(../images/suer-nav-icon2.png);
}
.suer-nav-icon3{
    background:url(../images/suer-nav-icon3.png);
}
.suer-nav-icon3{
    background:url(../images/suer-nav-icon3.png);
}
.suer-nav-icon4{
    background:url(../images/suer-nav-icon4.png);
}
.suer-nav-icon5{
    background:url(../images/suer-nav-icon5.png);
}
.suer-nav-icon6{
    background:url(../images/suer-nav-icon6.png);
}
 .suer-nav-icon7{
    background:url(../images/suer-nav-icon7.png);
}
.suer-nav-icon8{
    background:url(../images/suer-nav-icon8.png);
}
.suer-nav-icon9{
    background:url(../images/suer-nav-icon9.png);
}
.suer-nav-icon3{
    background:url(../images/suer-nav-icon3.png);
}
.suer-nav-icon10{
    background:url(../images/suer-nav-icon10.png);
}
.suer-nav-icon11{
    background:url(../images/suer-nav-icon11.png);
}
.suer-nav-icon12{
    background:url(../images/suer-nav-icon12.png);
} 
.suer-nav-icon13{
    background:url(../images/suer-nav-icon13.png);
}  
.suer-nav-icon14{
    background:url(../images/suer-nav-icon14.png);
}  
.nav-title{
    height: 45px;
    background: #f3f6fb;
    padding:0px 30px;
    line-height: 45px;
    font-size: 14px;
    border-bottom: 1px solid #eaebee;
}
.main-div{
    padding: 15px 15px;
}
.index-title{
    text-align: center;
    line-height: 40px;
    color:#1e76bb;
    font-size: 18px;
}
.div-border{
    border:1px solid #f0f0f0;
    background: #fff;
    padding: 10px;
}
.index-div-title{
    line-height: 30px;
    font-size: 16px;
}
.index-message-ul{
    margin-top: 10px;
    height: 200px;
    overflow: auto;
    padding: 0px 10px;
}
.index-message-inform{
    position: relative;
    padding: 0px 20px;
    padding-bottom: 20px;
}
.index-message-inform-title{
    font-size: 14px;
    padding-bottom: 10px;
}
.index-message-inform-title b{
    font-size: 14px;
}
.index-message-inform-title span{
    margin-left: 100px;
    color:#999;
}
.dot{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: block;
    position: absolute;
    z-index: 99;
    left: -5px;
    top:0px;
}
.index-message-inform-main{
    line-height: 25px;
    font-size: 14px;
}
.index-message-ul li:nth-child(odd)   {
  border-left:1px solid #4f86c6;
}
.index-message-ul li:nth-child(odd) .dot{
    background: #4f86c6;
}
.index-message-ul li:nth-child(even)  {
    border-left:1px solid #ff5b5b;
}
.index-message-ul li:nth-child(even) .dot{
    background: #ff5b5b;
}
.index-message-ul li:last-child{
 border:NONE;
}


/*定义滚动条高宽及背景 高宽分别対应横竖滚动条的尺寸*/  
::-webkit-scrollbar{  
    width:4px;  
    height:1px; 
   position:relative; 
}  
::-webkit-scrollbar-track{  
    background: #f6f6f6;  
    border-radius:8px;  
}  
::-webkit-scrollbar-thumb{  
    background: #aaa;  
    border-radius:8px;  
}
::-webkit-scrollbar-thumb:hover{  
    background: #747474;  
}  
::-webkit-scrollbar-corner{  
    background: #f6f6f6;  
}
.panel-title{
    height: 40px;
    background: #439adf;
    padding: 0px 10px;
}
.panel-title p,.panel-title a{
    color:#fff;
    font-size: 16px;
    line-height: 40px;
}
.panel-main{
    border:1px solid #ededed;
    padding: 10px 0px;
    background-color: #fff;
    height: 350px;
}
.project-ram-ul li{
   border-bottom: 1px solid #ededed;
   padding: 10px;
}
.project-ram-ul li:last-child{
    border:none;
}
.lingdang-ico{
    width: 19px;
    height: 21px;
    display: block;
    position: relative;
    margin: 0px 10px;
}
.index-icon1{
   background: url(../images/index-icon1.png);
}
.index-icon2{
   background: url(../images/index-icon2.png);
}
.inform-dot{
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #ff0000;
    position: absolute;
    top: -3px;
    right: -2px;
}
.project-ram-right{
    padding-left: 40px;
}
.project-ram-right h3 b{
    line-height: 20px;
    font-size: 15px; line-height: 20px;
    font-size: 15px;
}
.project-ram-right h3 span{
    color:#999;
     line-height: 20px;
    font-size: 15px;
}
.project-ram-right p{
    line-height: 20px;
    color:#666;
    font-size: 14px;
}
.project-ram-right p span{
    color:#439adf;
}
.index-auto-dot{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #ff0000;
    display: block;
    margin: 5px 15px;
}
/*添加角色*/
.role-add{
    border:1px solid #80a9ca;
    height: 30px;
    border-radius: 15px;
    padding: 0px 15px;
    text-align: center;
    color:#439adf;
    background: #f3f6fb;
    font-size: 14px;
}
.panel-main-list{
    border: 1px solid #ededed;
    padding: 0px 0px;
    background-color: #fff;
/*    min-height: 300px;
    max-height: 550px;*/
    overflow-y: auto;
    position: relative;
}
.edit-icon{
    color:#4f86c6;
    font-size: 25px;
}
.delete-icon{
    color:#ff0000;
     font-size: 25px;
}
.list-table{
    display: block;
    padding: 0px 20px;
}
.list-table thead tr th{
    color:#4f86c6;
    font-size: 16px;
    line-height: 40px;
    text-align: left;
    padding: 0px 10px;
    font-weight: 400;

}
.list-table  tr{
    border-bottom: 1px solid #f6f6f6;
    height: 36px;
}
.list-table tbody tr td{
    padding: 5px 10px;
    line-height: 20px;
}
.role-div-add{
    padding: 20px 15px;
    display: none;
}
.role-div-add-ul li{
    padding:5px 0px;
    text-align: center;
}
.role-div-add-ul li label{
    width: 100px;
    text-align: right;
    line-height: 30px;
    font-size: 14px;
    float: left;

}
.input-text-add{
    width: 200px;
    height: 30px;
    border:1px solid #f6f6f6;
    border-radius: 3px;
    padding: 0px 5px;
}
.textarea-add{
     width: 200px;
    height: 80px;
    border:1px solid #f6f6f6;
    border-radius: 3px;
    padding: 0px 5px;
}
.confirm-btn{
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    color:#fff;
    background: #1e76bb;
    border-radius: 3px;
    border:none;
}
.cancel-btn{
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    color:#333;
    background: #fff;
    border-radius: 3px;
    border:1px solid #cdc0c0;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
    color:#439adf;
}
.layui-form-select dl dd.layui-this{
    background-color:#439adf;
}
.panel-title-btn{
    height: 40px;
    padding: 0px 10px;
    background-color: #fff;
    border:1px solid #ededed;
    border-bottom: none;
     border-top: none;
}
.title-save{
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding:0px  20px;
    border:none;
    background: #1e76bb;
    border-radius: 15px;
    color:#fff;
    margin: 5px 0px;
}
.border-top-none{
    border-top:none;
}
.basic-from-text{
    padding: 0px 30px;
    overflow: hidden;
}
.basic-from-text p{
    font-size: 15px;
}
.basic-input-div{
    padding: 10px 0px;
}
.item-img-div{
    padding:20px 30px 5px 30px;
}
.item-img-bg{
    background: #fff;
}

.focus{
  padding-right: 0px;
  padding-left: 0px;
  min-height: 128px;
  margin: 25px 0px 30px;
  width: 100%;
  position: relative;
  height: 128px
  }
#beni{
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -60px;
  }
#beni li.first{
  border-top: 0px
  }
  #beni li{
      float: left;
      margin: 0px 5px;
  }
#beni li a{
  width:10px;
  height: 10px;
  background: #999;
  border-radius: 5px;
  display: block;
  }
#beni li a:hover{
  background: #f9f9f9
  }
#description{
  width:100%;
  height:128px;
  overflow:hidden;
  float:right;
  }
  .dasic-img-ul{
    float: left;
    display: flex;
  }
  .dasic-img-ul li{
      float: left;
  }
  .dasic-img-li-div{
    float: left;
    border:1px solid #e6e6e6;
    border-radius: 4px;
    margin-left: 5px;
    position: relative;
  }
  .pitchon{
    position: absolute;
    top:0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 24px solid #379392;
    border-left: 24px solid transparent; 
  }
    .pitchon i{
    color: #fff;
    position: relative;
    right: 16px;
    top: -25px;
    font-size: 12px;
    }
    .dasic-img-operation{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color:rgba(0,0,0,0.15);
        display: none;
    }
     .dasic-img-operation-div{
         width: 80px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -40px;
     }
    .dasic-img-operation-div i{
        width:16px;
        height: 16px;
        padding: 5px;
        background: #4f86c6;
        border-radius: 3px;
        display:block;
        float: left;
        margin: 0px 3px;
        cursor: pointer;
    }
    .dasic-img-operation p{
            height: 25px;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    cursor: pointer;
    }
    .pasic-title-p{
        line-height: 40px;
        font-size: 16px;
    }
    .dasic-rigth-btn i{
        margin: 0px 5px;
        cursor: pointer;
    }
    .color-blue{
        color:#2196f3;
    }
     .color-red{
        color:#ff0000;
    }
    .dasic-message-inform{
           padding: 0px 0px 20px 20px; 
    }
    .basic-font-num{
        line-height: 30px;
        color:#999;
    }
    .textarea-style{
        border:1px solid #d9d9d9;
        line-height: 25px;
        padding: 0px 5px;
    }
    .layui-tab-card>.layui-tab-title{
        background: #439adf;
    }
    .layui-tab-title li{
        color:#fff;
        border-radius: 20px;
        height: 30px;
        line-height: 30px;
        margin: 5px 10px;
        border:none;
    }
    .layui-tab-title .layui-this:after{
        border:none;
    }
.layui-tab-card>.layui-tab-title .layui-this{
    background: #3278af;
    border:none;
    color:#fff;
}
.layui-tab-card>.layui-tab-title li{
    margin-right: 5px;
    margin-left: 5px;
}
.layui-tab-card{
    box-shadow:none;
    background: #fff;
}
/**/
.grid-content .focus{
    height: auto !important;
}
.grid{
    border:none !important;
}
.grid-content table td, .grid-content table th{
    border:none;
    border-bottom: 1px solid #e6e6e6;
}
.panel-main-list table thead tr,.grid-head table{
    background: #fff !important;
}
.panel-main-list table thead tr{
    border-bottom:1px solid #1e76bb !important;
}
.panel-main-list table thead tr th{
    text-align: left !important;
    color:#2196f3 !important;
}
.panel-main-list table tbody td a, .panel-main-list table tbody >td >span{
    color:#2196f3; padding:0px 1px;
}
/*项目资料*/
.tree-div{
    padding: 0px 20px;
}
/*按钮*/
    .icon_div {
        display: inline-block;
        padding: 0px 0px;
        color:#2196f3;
       float: left;
    }

    .icon_div a {
        display: block;
        cursor: pointer;
         color:#2196f3 !important;
         float: left;
    }
    .icon_div a{
        display:block; 
        color:#2196f3;
        float: left;
    }

    /*end--按钮*/

    /*ztree表格*/
    .ztree {
        padding: 0;
       
    }

    .ztree li a {
        vertical-align: middle;
        height: 30px;
    }

    .ztree li > a {
        width: 100%;
    }

    .ztree li > a,
    .ztree li a.curSelectedNode {
        padding-top: 0px;
        background: none;
        height: auto;
        border: none;
        cursor: default;
        opacity: 1;
    }

    .ztree li ul {
        padding-left: 0px
    }

    .ztree div.diy span {
        line-height: 30px;
        vertical-align: middle;
    }

    .ztree div.diy {
        height: 36px;
        width: 20%;
        line-height: 30px;
        border-bottom: 1px solid #e6e6e6;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
        color: #6c6c6c;
        overflow: hidden;
        text-align: left;
    }

    .ztree div.diy:first-child {
        text-align: left;
        text-indent: 10px;
        border-left: none;
    }

    .ztree .head {
        background: #fff;
       
    }

    .ztree .head div.diy {
        border-top: none;
         color:#2196f3;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        border-bottom: 1px solid #2196f3;
        text-align: left;
    }

    /*end--ztree表格*/
 /*项目列表*/
 .left0{
     left:0px !important;
 }
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.project-list-btn{
    float: left;
    margin: 10px 0px;
    border:1px solid #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
}
.project-list-btn li{
    float: left;
    line-height: 30px;
    padding: 0px 15px;
    background-color: #fff;
    cursor: pointer;
}
.project-list-btn-active{
    background: #1e76bb !important;
    color: #fff;
}
.project-list{
    overflow: hidden;
    width: 100%;
}
.project-list-div{
    overflow: hidden;
    display: none;
}
.project-list-div> ul{
    overflow: hidden;
}
.project-list-div >ul >li{
    float: left;
    margin: 10px;
    padding: 5px;
    border:1px solid #d9d9d9;
    background: #f3f6fb;
}
.project-img-div{
    position: relative;
    width: 100%;
    overflow: hidden;
   
}
.project-img-div img{
    width:265px;
    height:161px;
}
.project-img-div:hover .project-list-operation{
    display: block;
}
.project-list-operation{
    position: absolute;
    left: 0px;
    top:0px;
    background: rgba(0,0,0,0.55);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
     display: none;
     cursor: pointer;
}
.project-view-btn{
    border:1px solid #d9d9d9;
    padding: 0px 15px;
    border-radius: 3px;
    background: #fff;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}
.access-project-btn{
    padding: 0px 15px;
    border-radius: 3px;
    background: #1e76bb;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    color:#fff;
}
.access-project-btn:hover{
    color:#fff;
}
.project-list-div ul li p{
    font-style: 14px;
    color:#666;
    line-height: 30px;
    text-align: center;
}

.plan-bg li{
    background: #fff;
    padding: 0px 3px;
    padding: 3px 1px;
    float: left;
    width: 24%;
    position: relative;
}
.plan-bg{
    height: 40px;
}
.plan-bg li:first-child{
 border-radius: 6px 0px 0px 6px;
 padding-left: 2px;
}
.plan-bg li:last-child{
    border-radius: 0px 6px 6px 0px;
    padding-right: 2px;
}
.plan-bg li b{
    height: 6px;
    background: #c6c8cc;
    display: block;
}
.plan-bg li:first-child b{
    border-radius: 3px 0px 0px 3px;
}
.plan-bg li:last-child b{
    border-radius: 0px 3px 3px 0px;
}
.plan-bg li p{
    position: absolute;
    color:#c6c8cc;
}
.plan-bg-li-b-active{
    background: #1e76bb !important;
}
.plan-bg-li-p-active{
    color:#1e76bb !important;
}
.add-project{
    float: left;
    margin: 10px;
    padding: 30px;
    border: 1px dashed #d9d9d9;
    background: #f3f6fb;
}
.add-img-project{
    font-size: 120px;
    color:#4f86c6;
    text-align: center;
    width: 220px;
    height: 120px;
    line-height: 120px;
    cursor: pointer;
}
.add-project p{
    margin-top: 20px;
    line-height: 40px;
    font-size: 20px;
    color:#1e76bb;
    text-align: center;
}
.project-cover-img{
    overflow: hidden;
}
.project-cover-img li{
    float: left;
    border:1px solid #cccccc;
    border-radius: 3px;
    margin: 5px 3px;
    overflow: hidden;
    position: relative;
    padding:0px;
}
.project-cover-img li img{
    width: 60px;
    height:60px ;
    cursor: pointer;
}
.project-cover-img li:hover .add-project-img-delete {
  display: block;
}
.add-project-img-delete{
    position: absolute;
    left:0px;
    top:0px;
    background:rgba(0,0,0,0.55);
    width: 100%;
    height: 100%;
    display: none;
}
.add-project-img-delete b{
    width: 25px;
    height: 25px;
    background-color: #439adf;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 0px;
    display: block;
    cursor: pointer;
    
}
.add-project-img-delete b i{
    color: #fff;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
}
.add-project-img-delete p{
    color: #fff;
    background: rgba(0,0,0,0.55);
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-top: 16px;
     cursor: pointer;
}
.cover-label{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 24px solid #379392;
    border-left: 24px solid transparent;
    display: none;
}
.cover-label i{
    color: #fff;
    position: relative;
    right: 16px;
    top: -25px;
    font-size: 12px;
}
.add-project-cover-img{
  float: left;   
  margin: 5px 3px;
}
.upload-img {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  background: url("../images/add-img-upload.png") no-repeat 0;
  background-size: contain;
  cursor: pointer;
}

.upload-img input {
  height: 60px;
  height: 60px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.add-project-tead tbody tr td{
   text-align: left;
}
/*项目视图*/
.project-view-main{
 background: #f7f7f7;
 padding:10px 20px;
 margin: 5px auto; 
}
.dasic-img-ul li:hover .dasic-img-operation{
    display: block;
}
.member-table table th,.member-table table tr{
    border:none;
} 
/*项目资料列表*/
.material-seletct-title{
padding-left: 10px;
background:#439adf;
color:#fff;
font-size: 18px;
}
.material-seletct-title i{
   right:15px;
   left: auto;
   color:#fff;
}
.bg-fff{
    background: #fff;
}
.material-seletct-js{
   margin-left: 30px;
   display: block;
       position: absolute;
    top: 15px;
    left: 95px;
}
.material-seletct-title-p{
   position: absolute;
    top: 15px;
    right: 30px;
    color:#fff;
} 
.material-seletct-js .layui-form-checkbox{
    margin: 0px;
    padding: 0px;
}
.material-seletct-js .layui-form-checkbox span{
    color:#fff;
    font-size: 13px;
}
.material-seletct-js .layui-form-checkbox >i{
   right: 0px;
}
 .material-seletct-js .layui-form-checkbox[lay-skin=primary] span{
    color: #fff;
}
.material-seletct-js .layui-form-checked[lay-skin=primary]> i{
    border-color: #fff;
    background-color: #439adf;
    color: #fff;  
}
.ztree div.diy14 {
    /*height: 100%;*/
    width: 14.14%;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    color: #439adf;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
}
.search-btn{
    padding: 0px 20px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #4fb0c6;
    border-radius: 3px;
    border:1px solid #4294a6;
}
.search-laed-p{
    padding: 9px 0px;
}
.load-btn-color{
    background-color: #439adf;
    border-radius: 4px;
}
 .make-material-table table {
                 /*设置相邻单元格的边框间的距离*/
                border-spacing: 0;
                 /*表格设置合并边框模型*/
               border-collapse: collapse;
               table-layout: fixed;
             }
.make-material-table table tbody {
    display: block;
    height: 400px;
    overflow-y: auto;
 }
.make-material-table table thead,.make-material-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 36px;
}
    /*关键设置：滚动条默认宽度是16px 将thead的宽度减16px*/
.make-material-table table thead {
    width: calc( 100% - 0.1em)
}   
.make-material-table table  td{
 white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}        
.from-p{
    line-height: 36px;
    text-align: left;
}
.material-object{
   /* overflow: hidden;*/
}
.table-edit{
    position: absolute;
    right: 0px;
    bottom:10px;
}
.table-edit a{
    padding: 0px 10px;
        color: #2196f3;
    text-decoration: underline;
    font-size: 14px;
}
.material-object >li{
    background: #f3f6fb;
    border:1px solid #eaecf1;
    padding: 0px 20px;
    height: 30px;
    float: left;
    line-height: 30px;
    margin-right:5px;
    position: relative;
    cursor: pointer;
}
.add-material-div{
    position: relative;
    float: left;
    display: block;
}
.add-material-object{
    height: 30px;
    width: 30px;
    background: #f3f6fb;
    border:1px dashed #eaecf1;
    line-height: 30px;
    font-size: 30px;
    color: #999999;
    cursor: pointer;
    text-align: center;
    
}

.add-material-object-div{
    position: absolute;
    z-index: 99;
    background: #f3f6fb;
    border: 1px solid #eaecf1;
    padding: 5px;
    top:35px;
    min-width: 120px;
    border-radius: 3px;
    display: none;
    text-align: center;
}

.add-material-object-main ul li {
    display:block;
    float: left;
    width: 100%;
    line-height: 30px;
}
.add-material-object-div .layui-form-checkbox{
    float: left;
    margin: 5px 2px!important;
}
.add-material-object-all{
    line-height: 30px;
    text-align: left;
    display: block;
     border-bottom: 1px solid #eaecf1;
} 
.add-material-btn,.add-material-btn:hover{
    display: inline-block;
    color:#fff;
}
.add-material-object-main .layui-form-checked[lay-skin=primary] i,.add-material-object-all .layui-form-checked[lay-skin=primary] i{
    border-color: #1e76bb!important;
    background-color: #1e76bb!important;
}
.add-material-object-main{
    max-height: 140px;
    overflow-y: auto;
}
.material-object-delete{
    background: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 15px;
    width: 15px;
    font-size: 10px;
    line-height: 15px;
    cursor: pointer;
    display: none;
}
.material-object >li:hover{
    background: #439adf;
    color:#fff;
}
.material-object >li:hover i{
    display: block;
    color:#333;
}
.start-triage-top{
    overflow: hidden;
    border-bottom: 1px solid #eaecf1;
}
.start-triage-top p{
    overflow: hidden;
    color:#77839c;
    line-height: 30px;
}
.triage-top-name {
  color:#439adf;
  text-decoration:underline;
}
.start-triage-top p i{
    color:#439adf;
    font-size: 20px;
}
.my-upload-text{
    padding-right:45px;
}
.my-upload-file{
    display:none;
}
.my-upload-img{
    position: absolute;
    right: 0px;
    top:0px;
    margin: 6px 0px;
    padding: 6px 12px;
    cursor: pointer;
    border-left: 1px solid #c6c8cc;

}
.my-upload-div{
    position: relative;
}
.repair-div{
    color:#333;
    line-height: 20px;
}
.repair-issue-bg{
    overflow: hidden;
    border:1px solid #e4e6eb;
    background:#f3f6fb;
    padding: 10px 15px;
    margin-top: 10px;
}
.repair-issue-bg h3{
    font-size: 14px; 
    font-weight: 600;
}
.m-r10{
    margin-right: 10px;
}
.m-r5{
    margin-right: 5px;
}
.repair-issue-p{
    line-height: 20px;
    margin: 5px 0px;
}
.issue-evaluate1-img{
    overflow: hidden;
    color:#999;
    line-height: 30px;
     margin-right:40px;
}
.issue-evaluate1-img img{
    width: 30px;
    height: 30px; margin-right: 10px;
    border-radius: 15px;
   
    float: left;
}
.issue-evaluate1-p{
    line-height: 30px;
    color:#999;
    overflow: hidden;
    display: inline-block;
}
.hf-i{
    margin-left: 50px;
    font-style: normal;
    cursor: pointer;
}
.hf-input{
    overflow: hidden;
    width: 100%;
    padding: 10px 0px;
    display: none;
}
.hf-input-text{
    width: 640px;
    float: left;
    margin-right: 20px;
}
.hf-input-text2{
    width: 590px;
    float: left;
    margin-right: 20px;
}
.issue-evaluate2{
    width: 40px;
    height: 40px;
    border-radius: 25px;
    overflow: hidden;
    margin-right: 10px;
}
.issue-evaluate1-p span{
    color:#333;
    margin: 0px 5px;
}
.issue-evaluate2 img{
     width: 40px;
    height: 40px;
}
.issue-evaluate1-main{
    line-height: 20px;
    padding:5px 0px;
}
.issue-evaluate2-right{
    display:inline-block;
}
.layui-bg-red{
    background: #ff5b5b !important;
}
.layui-bg-violet{
     background:#6c49b8!important;
}
.panel-title-span{
    line-height: 40px;
    font-size: 14px;
    color:#fff;
}
.item-details1{
     border: 5px solid #ededed;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
}
.bj-i{
    background: url(../images/bj.png);
    width: 18px;
    height: 20px;
    display: block;
}
.page-div{
    text-align: center;
}
.page-div a{
    margin-left: 5px;
    margin-right: 5px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: #1e76bb;
}
.layui-quote-color-red{
     border:1px solid #ededed;
     border-left: 5px solid #ff5b5b;
     background-color: #fff;
}
.layui-quote-color-379{
     border:1px solid #ededed;
     border-left: 5px solid #379392;
     background-color: #fff;
}
.layui-bg-379{
    background: #379392;
}
.layui-quote-color-f69{
     border:1px solid #ededed;
     border-left: 5px solid #f69305;
     background-color: #fff;
}
.layui-bg-f69{
     background:#f69305
}
.my_audit_material-div{
    padding:0px;
    min-height: 460px;
    max-height: 460px;
}
.my_audit_material-div-right{
    display:block;
    overflow: hidden;
}
.audit_material-right-title{
    height: 40px;
    background: #f3f6fb;
}
.audit_material-right-title a{
    float: left;
    border-right: 1px solid #ededed;
     margin: 10px 0px 10px 10px;
}
.audit_material-right-title a i{
    width:20px;
    height: 19px;
    display: block;
   padding-right: 10px;
   background-repeat: no-repeat;
}
.material-right1{
    background: url(../images/material-right1.png)
}
.material-right2{
    background: url(../images/material-right2.png)
}
.material-right3{
    background: url(../images/material-right3.png)
}
.material-right4{
    background: url(../images/material-right4.png)
}
.material-from{
    padding: 45px 30px 5px 5px;
    min-height: 610px;
    position:relative;
}
.material-from-ul{
    overflow: hidden;
}
.material-from-ul li{
    width:60px;
    height:60px ;
    float: left;
    overflow: hidden;
    border:1px solid #ededed;
    position: relative;
}
.material-from-ul li{
     width:60px;
    height:60px ;
    margin: 5px;
}
.material-from-ul li div{
    background:rgba(0,0,0,0.15);
    position: absolute;
    left: 0px;
    height: 0px;
    width: 60px;
    height: 60px;
    display:block;
    top: 0px;
    display: none;
}
.material-from-ul li div span{
    background: rgba(255,255,255,0.8);
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 15px;
    display: block;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    
}
.material-from-ul li div span i{
    color:#ff0000;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}
.material-from-ul li:hover div{
    display: block;
}
.add-material-img{
    float: left;
    width: 60px;
    height: 60px;
    border:1px solid #1e76bb;
    display:block;
    text-align: center;
    cursor: pointer;
     margin: 5px 0px;
     position: relative;
}
.add-material-img i{
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    color:#1e76bb;
}
.add-material-img p{
    text-align: center;
    font-size: 12px;
    color:#1e76bb;
   
}
.hs-div{
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.add-material-img input {
    height: 60px !important;
    width: 60px !important;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display:block;
    overflow: hidden;
}
.item-material-top{
    background: #fff;
    border:1px solid #ededed;
    padding: 20px;
}
.item-material-top-h4{
    line-height: 20px;

}
.audit-issue{
    overflow-y: auto;
    max-height: 260px;
    margin: 20px;
}
.audit-issue li{
    border-bottom: 1px solid #ededed;
    padding: 15px 0px;
}
.open-btn{
   float: left;
    border:1px solid #2196f3;
    background:#f1f1f9;
    padding: 0px 20px;
    color:#2196f3;
    line-height: 30px;
    border-radius:5px;
    height: 30px;
    margin-top: 20px;
}
.open-btn:hover{
     color:#2196f3;
}
.issue-repertoire[type="checkbox"] + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    vertical-align: .2em;
    width: .8em;
    height: .8em;
    margin-right: .2em;
    border-radius: .2em;
    background-color: silver;
    text-indent: .15em;
    line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
}
.issue-repertoire[type="checkbox"]:checked + label::before {
    content: "\2713";
    background-color: yellowgreen;
}
.issue-repertoire {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.issue-repertoire-div .layui-form-checkbox{
    float: left;
    height: 20px;
    line-height: 18px;
    padding-right: 20px;
    margin-top: 5px;
}
.issue-repertoire-div .layui-form-checkbox i{
        width: 25px;
}
.issue-repertoire-div label{
    text-align: left !important;
    width: 220px !important;
    line-height: 25px!important;
}
.user-message-div{
    background: #f7f7f7;
    overflow: hidden;
    padding: 30px 80px 20px 20px;
    margin: 20px 0px;
}
.user-img{
    width: 70px;
    height: 70px;
    overflow: hidden;
    float: left;
}
.user-img img{
    width: 70px;
    height: 70px;
}
.edit-user-img{
    float: left;
    margin-left: 30px;
    color:#2196f3;
    text-decoration:underline;
    font-size: 14px;
    margin-top: 50px;
}
.user-phone{
    text-align: left;
    line-height: 40px;
}
.personal-details-table thead th{
    background: #1e76bb;
    color:#fff;
    text-align: center;
}
.personal-details-table tbody td{
    text-align: center;
}
.auto-me-title{
    overflow: hidden;
}
.auto-me-title a{
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    border-radius: 3px 3px 0px 0px;
    background: #fff;
    border:1px solid  #eaebee;
    border-bottom: none;
    cursor: pointer;
}
.auto-me-mian{
    background: #fff;
    padding: 10px;
    /*
    border:1px solid #ededed;
    border-radius: 0px 3px 3px 3px;
*/
}
.auto-me-mian li{
    overflow: hidden;
    display: none;
}
.auto-me-li-left{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    float: left;
}
.auto-me-li-left img{
    width: 60px;
}
.auto-me-li-right{
    display: block;
    padding-left: 70px;
    margin: 0px;
}
.auto-me-li-title{
    overflow: hidden;
}
.auto-me-li-b{
    line-height: 60px;
    font-size: 16px;
}
.auto-me-li-span{
   line-height: 60px;
}
.auto-me-issue{
    overflow: hidden;
    padding: 5px;
    border:1px solid #e4e6eb;
    background: #f3f6fb;
}
.auto-me-issue-div{
    overflow: hidden;
    padding: 5px 0px;
}
.page{
    text-align: center;
}
.page .layui-laypage a, .layui-laypage span{
    margin: 0px 0px 5px 0px;
}
.suto-me-unread-span{
    line-height: 60px;
    margin-left: 50px;
    color: #999;
}
.suto-me-unread-main{
   line-height: 30px;
    overflow: hidden; 
}
.suto-me-unread-main a{
    color:#2196f3;
    line-height: 30px;
}
.suto-me-unread-list{
    border-bottom: 1px solid #e4e6eb;
        padding: 10px 0px;
}
.auto-me-active{
  background: #1e76bb !important;
  color:#fff!important;
}
.send-padding{
    padding: 40px 100px 20px 0px;
}
.num-dian{
    background: #ff0000;
    padding: 0px 5px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    margin-left: 30px;
}
.system-num{
   background: #2f958a;
    padding: 0px 5px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    margin-left: 30px; 
}
.downpanel .layui-select-title span {
    line-height: 38px;
}
.layui-tree-branch,.layui-tree-leaf{
  display: none;
}
/*继承父类颜色*/
.downpanel dl dd:hover {
    background-color: inherit;
}

td {
    font-size: 12px !important;
}

.layui-form-checkbox span {
    height: 30px;
}
.layui-field-title {
    border-top: 1px solid white;
}
table {
    width: 100% !important;
}
#organizationTree li{
    text-align: left;
}
#catalogTree li{
    text-align: left;
}
.select-m-tr:HOVER {
    background-color: #e4e7f3;
}

.select-m-list{
    margin: 0px;
    position: absolute;
    z-index: 9999999999999999;
    width: 99.5%;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    border-top: none;
}
.select-m-list li{
    list-style-type:none !important;
    line-height: 30px;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 10px;
}

.select-m-list li:HOVER {
    background-color: #e4e7f3;
}
.select-m-li-select{
    background-color: #e4e7f3;
}
.logo-img-class{
    width: 164px;
    height: 43px;
    margin: 4px 50px 4px 35px;
    float: left;
}
.logo-h3{
    float: left;
    color:#fff;
    line-height: 50px;
    font-size: 20px;

}
